<!-- dialogo para busqueda de entidad -->
<div id="dialog-search-subbases"  style="display: none" class="dialog-style">
		<h2 id="crudShowTitle">&{'crud.blank.title', 'Subbase'}
		<input type="text" id="subbaseSearch" name="subbaseSearch">
		<img id="addSubbase" src="/public/images/Add.png" alt="Add">
		</h2>
		<div class="objectForm">
			<div class="crudField crud_text" id="subbasesDiv">
				<table id="subbasesTable">			
					#{list items:_subbases, as:'subbase'}				
						<tr><td><a href="#" onclick='saveAndCloseSubbaseDialogs("${subbase.id}");' class="subbase" >${subbase}</a></td></tr>
					#{/list}
				</table>
			</div>
		</div>	
</div> 

<!-- dialogo para alta de nueva entidad -->
<div id="dialog-add-subbase"  class="dialogSubbase" style="display: none" class="dialog-style">
		<h2 id="crudShowTitle">&{'crud.blank.title', 'Subbase'}
		</h2>
		<div id="nuevoContactoError"></div>
		<div class="objectForm">
			<div class="crudField crud_text">
				<label for = "nombreNuevoSubbase">Nombre</label><input type="text" id="nombreNuevoSubbase" name="nombreNuevoSubbase" value="">
			</div>
			<div class="crudField crud_longtext">
		    	<label for="descripcionNuevoSubbase">Descripcion</label>
		    	<textarea id="descripcionNuevoSubbase" cols="48" rows="5" class="" name="descripcionNuevoSubbase" value=""></textarea>
			</div>
					
			<input type="button" value="Save" onclick="saveSubbase();">
		</div>				
</div>

<script type="text/javascript">

$().ready(function() {
	
	$( "#dialog-search-subbases").dialog({
		autoOpen: false,
	    width: 'auto', 
	    maxWidth: 550,
	    minWidth: 450,
		height: 'auto',
		fluid: true, 
	    resizable: false,
	    dialogClass: "dialog-style",
	    open: function(event, ui){
	    },
	    close: function(event, ui){
	    }
	});
	
	$( "#dialog-add-subbase").dialog({
		autoOpen: false,
	    width: 'auto', 
	    maxWidth: 550,
	    minWidth: 450,
		height: 'auto',
		fluid: true, 
	    resizable: false,
	    dialogClass: "dialog-style",
	    open: function(event, ui){
	    },
	    close: function(event, ui){
	    }
	});
		
	$( "#addSubbase" ).click(function() {
		$( "#dialog-add-subbase" ).dialog( "open" );
		return false;
	});
	
	$("#subbaseSearch").keyup(function() {
		  searchSubbases();
	});
});

/* esta funcion busca las entidades segun el criterio de busqueda */
function searchSubbases(){
	$.get("/SubBases/search",  {
		nombre: $("#subbaseSearch").val()
	},function(data, id){
		if(data[0] != 'ERROR'){
			$("#subbasesTable").remove();
			var subbases = JSON.parse(data[1]);
			var i = 0;
			html = "<table id='subbasesTable'>";
			for(i = 0; i < subbases.length; i++) {
				html = html + 
				'<tr><td><a href="#" onclick="saveAndCloseSubbaseDialogs('+subbases[i].id+');" class="subbase" >' +subbases[i].nombre + 
				'</a></td></tr>';				
			}
			html = html + "</table>";
			$("#subbasesDiv").append(html);
			return false;
		} else {
			return false;
		}
		
	},'json');
}

/* esta funcion guarda la nueva entidad en la base de datos y la setea en el campo del formulario */
function saveSubbase() {
	nombre = $("#nombreNuevoSubbase").val();
	descripcion = $("#descripcionNuevoSubbase").val();
	
	$.get("/SubBases/newSubbase",  {
		nombre: nombre,
		descripcion: descripcion
	},function(data){
		if(data[0] != 'ERROR'){
			saveAndCloseSubbaseDialogs(data[1]);
		}else {
			alert(data[1]);
		}
		
	},'json');
	
}

/* esta funcion agrega el nuevo campo en el formulario y cierra los dialogs */
function saveAndCloseSubbaseDialogs(id){
	var selected = "";
	$("input[type=checkbox]:checked").each(function(){
		  //cada elemento seleccionado
		  selected = selected + "," + $(this).val();
	});

	$.post("/SubBases/agregar",  {
		subbaseSelected: id,
		organizacionSelected: selected
	},function(data){
		if(data[0] == 'OK'){
			alert(data[1]);
		}else {
			alert(data[1]);
		}
	    	
	},'json');
	
	
	closeSubbaseDialogs();
}

function closeSubbaseDialogs(){
	$('#subbaseSearch').val("");
	$('#subbase_nombre').val("");
	$("#dialog-add-subbase").dialog( "close" );
	$("#dialog-search-subbases").dialog( "close" );
}
</script>
